@charset "utf-8";
/* CSS Document */

* {
	margin: 0 auto
}
html, body {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	line-height: 30px;
	background:#f7f7f7;
}
ul, li {
	list-style: none;
	padding: 0;
}
 
.clearfix {    *zoom:1}
.clearfix:before,.clearfix:after {    display:table;    content:"";    line-height:0}
.clearfix:after {    clear:both}

.header{ width:100%; height:44px; color:#fff; background:#0daf7c; font-size:18px; line-height:44px;}
.header span{ background:url(../images/tt1_03.png); background-size:22px; height:22px; width:22px; display:inline-block; float:left; margin:10px;}
.order_txt{ font-size:12px; color:#242424; line-height:35px; padding:0 5px}
.order_txt .order_num{ float:left;}
.order_txt .order_state { color:#0daf7c; float:right}
.order_details{ float:right; width:33px; height:20px; color:#fff; font-size:10px; background:#0daf7c; border-radius:3px; line-height:20px; text-align:center;  margin-top: 7px; margin-left: 10px;}
.status_btn{ float:right; width:33px; height:20px; color:#fff; font-size:10px; background:#ff3f3f; border-radius:3px; line-height:20px; text-align:center;  margin-top: 7px; margin-left: 10px;}
.map{ width:100%;}
.map img{ width:100%;}
.address{ border-bottom:1px solid #e5e5e5; background:#fff; padding:7px;}
.address i{ background:url(../images/tt1_07.png); background-size:22px; width:22px; height:22px; display:inline-block; float:left;  margin: 4px;
  margin-bottom: 5px;}
.address .address_txt{ font-size:12px; color:#666666;}

.contact{border-top:1px solid #e5e5e5; background:#fff; margin-top:15px; font-size:12px;  color:#242424;  padding:7px; line-height:35px;}
.contact_txt{ float:left;}
.contact i{ float:right; display:block; background:url(../images/ps1_07.png); background-size:22px; width:22px; height:22px; margin:4px;}
.contact a{ float:right; display:block; }

.shop_title{  background:#fff; padding:7px;}
.shop_title .shop_title_img{ float:left; width:60px; height:60px; margin-right:15px;}
.shop_title .shop_title_img img{ width:100%; max-height: 60px;}
.shop_title .shop_title_txt{ font-size:12px; color:#666666; float:left; line-height:25px;}
.shop_title .shop_title_txt p.shop_name{ font-size:14px; color:#242424;}

.order_list{ }
.order_list li{margin-top:10px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; background:#fff;}
.order_title{ padding:0 5px; }
.order_arc{ border-top:1px solid #e5e5e5; font-size:12px; color:#242424; line-height:20px; padding: 8px 5px;}
.order_arc img{ width:17px;}
.order_bd{ float:left;  width: 93%;  border-right: 1px solid #e6e6e6;}
.order_arc i{ float:right; display:block}


.order_txt .order_state.blue{ color:#3ba8ed;}
.order_txt .order_state.yellow{ color:#ffa03a;}
.order_txt .order_state.red{ color:#ff3f3f;}

.dist_bottom{ border-top:1px solid #d5d5d5; background:#f0f0f0; position:fixed; bottom:-2px ; left:0; width:100%; height:50px; text-align:center;  color:#666666;}
.dist_bottom li{ float:left; width:24.6%; border-right:1px solid #d5d5d5;}
.dist_bottom li i{ width:28px; height:28px; display:block;}
.dist_bottom li.weipeisong i{ background:url(../images/ps1_11.png); background-size:28px;}
.dist_bottom li.peisongzhong i{ background:url(../images/ps1_13.png); background-size:28px;}
.dist_bottom li.yipeisong i{ background:url(../images/ps2_15.png); background-size:28px;}
.dist_bottom li.index i{ background:url(../images/ps1_17.png); background-size:28px;}
.dist_bottom li p{ font-size:12px;  line-height: 20px; color: #666666; text-decoration: none;}
.dist_bottom li a{ text-decoration: none;}
.dist_bottom li.active{ background:#0daf7c; color:#fff;}
.dist_bottom li.active p{ color: #fff;}
.dist_bottom li.active.weipeisong i{ background:url(../images/ps2_11.png); background-size:28px;}
.dist_bottom li.active.peisongzhong i{ background:url(../images/ps2_13.png); background-size:28px;}
.dist_bottom li.active.yipeisong i{ background:url(../images/ps1_15.png); background-size:28px;}
.dist_bottom li.active.index i{ background:url(../images/ps2_17.png); background-size:28px;}

.wx_loading_icon {position: absolute; top: 15px; left: 50%; margin-left: -16px; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 24px; -webkit-animation: gif 1s infinite linear; animation: gif 1s infinite linear; clip: rect(0 auto 12px 0) }
@keyframes gif {0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } }
@-webkit-keyframes gif {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); } }
.wx_loading2 {text-align: center; padding: 5px; height: 32px; position: relative }
.wx_loading2 .wx_loading_icon {border-color: #237FE5; top: 7px }
.wx_loader {background-color: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 6px; font-size: 14px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -60px; height: 60px; line-height: 60px; width: 120px }

.hide {display:none;}







